.hbanner{
	display: flex;
	
}

.hbanner .banner{
	/*width: 50%;*/
	height: 580px;
	flex: 1;
	background-color: #fafafa;
	
}
.hbanner h1{
	color: #111;
	font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-top: 52px;
}
.hbanner h2{
	font-size: 21px;
    line-height: 1.2381;
    font-weight: 400;
    letter-spacing: .016em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-top: 4px;
    color: #111;
}
.hbanner .banner .link a{
	color: #0070c9;
	font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.hbanner .banner{
	padding: 0;
	
}
.hbanner .banner:nth-child(1){
	margin: 10px 5px 10px 10px;
	background-image: url(../img/hbanner1.jpg);
	background-size: auto 120%;
	background-position: center;
	background-repeat: no-repeat;
}
.hbanner .banner:nth-child(2){
	margin: 10px 10px 10px 5px;
	background-image: url(../img/hbanner2.jpg);
	background-size: auto 120%;
	background-position: center;
	background-repeat: no-repeat;
}

/*媒体查询，设定不同屏幕下banner和hbanner的样式*/
/*boxsizing盒子模型*/
@media only screen and (max-width:1100px ) {
	.banner{
		height:595px;
	}
}
@media only screen and (max-width:740px ) {
	.banner{
		height:445px;
		background-size: 80%;
	}
	.hbanner{
		height: 1020px;
		flex-direction: column;
	}
	.hbanner .banner:nth-child(1),.hbanner .banner:nth-child(2){
		width: calc(100% - 20px);
		margin: 10px;
	}
}

